<!-- 申请审批页 -->
<template>
  <div>
    <span>审批列表</span>
  </div>
  <div>
    <!-- 审批搜索卡片 -->
    <el-card>
      <el-form :inline="true">
        <el-form-item label="用车人">
          <el-input placeholder="请输入用车人"></el-input>
        </el-form-item>
        <el-form-item>
          <el-button>重置</el-button>
          <el-button type="primary">查询</el-button>
        </el-form-item>
      </el-form>
    </el-card>

    <!-- 审批单主体 -->
    <el-card>
      <el-radio-grop>
        <el-radio-button>待我审核</el-radio-button>
        <el-radio-button>待他人审核</el-radio-button>
        <el-radio-button>已审核</el-radio-button>
        <el-radio-button>驳回</el-radio-button>
      </el-radio-grop>
      <!-- 审批列表 -->
      <el-table>
        <el-table-column label="编号"></el-table-column>
        <el-table-column label="用车人"></el-table-column>
        <el-table-column label="开始时间"></el-table-column>
        <el-table-column label="结束时间"></el-table-column>
        <el-table-column label="用车事由"></el-table-column>
        <el-table-column label="审批人"></el-table-column>
        <el-table-column label="出发地"></el-table-column>
        <el-table-column label="目的地"></el-table-column>
        <el-table-column label="操作">
          <template #default="scope">
            <el-button type="primary" link>审批</el-button>
            <el-button type="primary" link>查看</el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-card>

    <!--审批/查看弹窗-->
    <el-dialog title="待我审批详情">
      <el-descriptions :column="2">
        <el-descriptions-item label="用车人"></el-descriptions-item>
        <el-descriptions-item label="用车事由"></el-descriptions-item>
        <el-descriptions-item label="使用开始时间"></el-descriptions-item>
        <el-descriptions-item label="使用结束时间"></el-descriptions-item>
        <el-descriptions-item label="车辆出发地"></el-descriptions-item>
        <el-descriptions-item label="车辆目的地"></el-descriptions-item>
        <el-descriptions-item label="驾照图片"></el-descriptions-item>
        <el-descriptions-item label="备注"></el-descriptions-item>
      </el-descriptions>
      <template #footer>
        <el-button>取消</el-button>
        <el-button>驳回</el-button>
        <el-button>通过</el-button>
      </template>
    </el-dialog>
  </div>

  <el-dialog title="驳回 查看">
    <el-descriptions>
      <el-descriptions-item>
        <el-input placeholder="请输入驳回原因"></el-input>
      </el-descriptions-item>
    </el-descriptions>
    <template #footer>
      <el-button type="primary" plain>取消</el-button>
      <el-button type="primary">确定</el-button>
    </template>
  </el-dialog>

</template>

<script setup>

</script>

<style scoped>

</style>
